home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 58519 / 58519.xpi / chrome / nasatabs.jar / skin / nasa.css < prev    next >
Cascading Style Sheet File  |  2010-01-26  |  8KB  |  207 lines
  1. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  2. toolbox, 
  3. toolbar {
  4.     -moz-appearance: none !important;
  5.     background: #1A1A1A !important;
  6.     border: none !important;
  7. }
  8. .tabbrowser-tabs {
  9.       background: #1A1A1A !important;
  10. }
  11. .tabbrowser-tab {
  12.     background: none !important;
  13.     border: none !important;
  14. }
  15. .tabbrowser-tab:not([selected="true"]) {
  16.     text-align: center !important;
  17. }
  18. .tabbrowser-tab:not([selected="true"]) > .tab-left,
  19. .tabbrowser-tab:not([selected="true"]) > .tab-middle {
  20.     background: transparent url("nasa-tabs.png") repeat-x 0 -160px !important;
  21. }
  22. .tabbrowser-tab:not([selected="true"]):first-of-type > .tab-left {
  23.     background: transparent url("nasa-tabs.png") no-repeat 0 -32px !important;
  24. }
  25. .tabbrowser-tab[selected="true"]:first-of-type > .tab-left {
  26.     background: transparent url("nasa-tabs.png") no-repeat 0 0 !important;
  27. }
  28. .tabbrowser-tab[selected="true"]:not(:first-of-type) > .tab-left {
  29.     width: 0 !important;
  30. }
  31. .tabbrowser-tab[selected="true"] > .tab-middle {
  32.     background: transparent url("nasa-tabs.png") repeat-x 0 -128px !important;
  33. }
  34. .tabbrowser-tab:not([selected="true"]) > .tab-right {
  35.     background: transparent url("nasa-tabs.png") no-repeat -15px -96px !important;
  36. }
  37. .tabbrowser-tab:not([selected="true"]):last-of-type > .tab-right {
  38.     background: transparent url("nasa-tabs.png") no-repeat -15px -32px !important;
  39. }
  40. .tabbrowser-tab:not([selected="true"])[beforeselected="true"] > .tab-right {
  41.     background: transparent url("nasa-tabs.png") no-repeat 0 -64px !important;
  42. }
  43. .tabbrowser-tab[selected="true"] > .tab-right {
  44.     background: transparent url("nasa-tabs.png") no-repeat -15px -64px !important;
  45. }
  46. .tabbrowser-tab[selected="true"]:last-of-type > .tab-right {
  47.     background: transparent url("nasa-tabs.png") no-repeat -15px 0 !important;
  48. }
  49. .tabbrowser-tab > .tab-left, 
  50. .tabbrowser-tab > .tab-middle,
  51. .tabbrowser-tab > .tab-right {
  52.     border: none !important;
  53.     height: 32px !important;
  54. }
  55. .tabbrowser-tab > .tab-left, 
  56. .tabbrowser-tab > .tab-right {
  57.     width: 15px !important;
  58. }
  59. .tabbrowser-tab > .tab-left {
  60.     margin: 0 0 0 -6px !important;
  61. }
  62. .tabbrowser-tab > .tab-right {
  63.     margin: 0 -6px 0 0 !important;
  64. }
  65. .tabbrowser-tab[selected=true] { 
  66.       font-size: 105% !important;
  67.       font-weight: bold !important;
  68. }
  69. .tabbrowser-tab:not([selected="true"]) .tab-icon {
  70.      -moz-border-radius-bottomright: 3px !important;
  71.     -moz-box-shadow: black 2px 2px 2px !important;
  72.       cursor: -moz-grab !important;
  73.     max-height: 16px !important;
  74.     max-width: 16px !important;
  75.     margin: 10px 0 6px -14px!important;
  76. }
  77. .tabbrowser-tab[selected="true"] .tab-icon {
  78.      -moz-border-radius-bottomright: 3px !important;
  79.     -moz-box-shadow: black 3px 3px 3px !important;
  80.       cursor: -moz-grab !important;
  81.     max-height: 26px !important;
  82.     max-width: 26px !important;
  83.     margin: 3px 0 !important;
  84. }
  85. .tabbrowser-tab:first-of-type .tab-icon {
  86.     margin-left: 0 !important;
  87. }
  88. .tabbrowser-tab:not([selected=true]):last-of-type .tab-icon {
  89.     margin-left: -14px !important;
  90. }
  91. .tabbrowser-tab[busy] .tab-icon-image {
  92.     -moz-border-radius: 8px !important;
  93.     -moz-box-shadow: black 2px 2px 3px !important;
  94. }
  95. .tabbrowser-tab:not([selected=true]) .tab-text { 
  96.      color: #999999 !important;
  97.     margin: 3px 3px 0 8px !important;
  98.     text-shadow: black 1px 1px 1px !important;
  99. }
  100. .tabbrowser-tab:not([selected=true]):last-of-type .tab-text { 
  101.     margin-right: 0px !important;
  102. }
  103. .tabbrowser-tab:not([selected=true]):hover .tab-text { 
  104.      color: white !important;
  105.     margin-left: 5px !important;
  106. }
  107. .tabbrowser-tab[selected="true"] .tab-text {
  108.      -moz-border-radius: 6px !important;
  109.     -moz-box-shadow: inset #666666 0 0 6px, black 2px 2px 4px !important;
  110.      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAYAAAA7zJfaAAAAQUlEQVR42k3IwQ0AIQgEwGwjiqAI9N/fXnIf+cxjUFXET2YSEUHcewl377w75xB7b8LMOqpKrLUIEem8m3MSYwx+AhciGyPWc+4AAAAASUVORK5CYII=") repeat-x !important;
  111.     border: 1px solid #181818 !important;
  112.     margin: -1px 2px 0 4px !important;
  113.      padding: 2px 5px 4px 5px !important;
  114.     text-shadow: black 1px 1px 4px, black -1px 1px 4px, black 1px -1px 4px, black -1px -1px 4px !important;
  115. }
  116. .tabbrowser-tab[selected="true"][busy] .progress-bar {
  117.     margin: 2px 0 0 4px !important;
  118. }
  119. .tabbrowser-tab:not([selected="true"]):not([tabx=current]):hover > .tab-close-button,
  120. .tabbrowser-tab:not([selected="true"])[tabx=always]:not([tabx=current]) .always-right,
  121. .tabbrowser-tab:not([selected="true"])[tabx=showhover][showbutton=on]:not([tabx=current]):hover .always-right,
  122. .tabbrowser-tab:not([selected="true"])[tabx=current_hover]:not([tabx=current]):hover .always-right {
  123.       background-position: 0 0 !important;
  124.     display: -moz-box !important;
  125.     height: 22px !important;
  126.     list-style-image: none !important;
  127.       margin: 1px 0 0 0 !important;
  128.     width: 21px !important;
  129. }
  130. .tabbrowser-tab:not([selected="true"]):not([tabx=current]) > .tab-close-button:hover,
  131. .tabbrowser-tab:not([selected="true"])[tabx=always]:not([tabx=current]):not([tabx=current]) .always-right:hover,
  132. .tabbrowser-tab:not([selected="true"])[tabx=showhover][showbutton=on]:not([tabx=current]):hover .always-right:hover,
  133. .tabbrowser-tab:not([selected="true"])[tabx=current_hover]:not([tabx=current]):hover .always-right:hover {
  134.       background-position: 0 -22px !important;
  135. }
  136. .tabbrowser-tab[selected="true"]:hover > .tab-close-button,
  137. .tabbrowser-tab[selected="true"][tabx=always] .always-right,
  138. .tabbrowser-tab[selected="true"][tabx=showhover][showbutton=on]:hover .always-right,
  139. .tabbrowser-tab[selected="true"][tabx=current] .always-right,
  140. .tabbrowser-tab[selected="true"][tabx=current_hover] .always-right, 
  141. .tabbrowser-tab[selected="true"][tabx=showhover][showbutton=on]:hover .always-right {
  142.       background-position: 0 -44px !important;
  143.     display: -moz-box !important;
  144.     height: 32px !important;
  145.     list-style-image: none !important;
  146.       margin: 0 !important;
  147.     width: 21px !important;
  148. }
  149. .tabbrowser-tab[selected="true"] > .tab-close-button:hover,
  150. .tabbrowser-tab[selected="true"][tabx=always] .always-right:hover,
  151. .tabbrowser-tab[selected="true"][tabx=showhover][showbutton=on]:hover .always-right:hover,
  152. .tabbrowser-tab[selected="true"][tabx=current] .always-right:hover,
  153. .tabbrowser-tab[selected="true"][tabx=current_hover] .always-right:hover,
  154. .tabbrowser-tab[selected="true"][tabx=showhover][showbutton=on]:hover .always-right:hover {
  155.       background-position: 0 -76px !important;
  156. }
  157. #browser .always-left {
  158.       display: none !important;
  159. }
  160. .tabbrowser-tab:not([selected="true"]):hover {
  161.     background: transparent url("bar-left.gif") no-repeat center !important;
  162. }
  163. .tabbrowser-tab:not([selected="true"]):first-of-type:hover {
  164.     background: transparent url("bar-middle.gif") no-repeat center !important;
  165. }
  166. .tabbrowser-tab:not([selected="true"]) .progress-bar {
  167.       margin: 4px 0 0 4px !important;
  168. }
  169. tooltip, 
  170. #bhTooltip, 
  171. #aHTMLTooltip {
  172.     -moz-box-shadow: inset black 0 0 4px !important;
  173.     background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABICAIAAAC4IAh6AAAAdElEQVR42s3KSQ6EIABE0fz730/QOBAkaERFlGFrcNFn6MVb/FRRSqHKOZNSIsbI8zzc900Igeu68N5znifHcbDvO845tm1jXVeWZcFaizGGeZ7RWqOUYhxHhmGg73u6rvu0bYsQgqZpfmpLKb+9fqdp+icvAd+/F7ECJy0AAAAASUVORK5CYII=") repeat-x !important;
  174.     border: 1px solid #000000 !important;
  175.     font: bold 14px arial !important; 
  176.     height: auto !important; 
  177.     padding: 4px !important; 
  178.     text-align: center !important; 
  179.     text-shadow: #666666 1px 1px 1px !important; 
  180. }
  181. #bhtTitleText:before {
  182.     content: "*** " !important; 
  183. }
  184. #bhtTitleText:after {
  185.     content: " ***" !important; 
  186. }
  187. #bhtUrlText {
  188.     font-weight: normal !important; 
  189. }
  190. #tabs_Panel {
  191.     text-shadow: black 2px 2px 2px !important;
  192. }
  193. #gb_Nasa, #gb_Noia { 
  194.      -moz-border-radius: 10px !important;
  195.      -moz-border-top-colors: black #333333 !important;
  196.      -moz-border-right-colors: black #333333 !important;
  197.      -moz-border-bottom-colors: black #333333 !important;
  198.      -moz-border-left-colors: black #333333 !important;
  199.      border: 2px solid !important;
  200. }
  201. #cap_Nasa, #cap_Noia { 
  202.      color: #026AFE !important;
  203.      font: italic bold 105% Verdana, Helvetica, Arial, sans-serif !important;
  204.      margin-left: 9px !important;
  205.     text-shadow: black 2px 2px 2px !important;
  206. }
  207.